<!-- 帮助与反馈 -->
<template>
	<view>
		<!-- 小标题 -->
		<view class="title">
			<view class="dian"></view>
			<text class="title_text">热门问题</text>
		</view>
		
		<!-- 问题列表 -->
		<view class="question_list">
			<!-- 每条内容 -->
			<view class="" v-for="item in hot_list">
				<view class="item">
					<view class="content">
						{{item.title}}
					</view>
					<image src="../../../static/me/jaintou.png" style="width: 14rpx;height: 30rpx;" mode=""></image>
				</view>
				<u-line length="700rpx" margin="24rpx 28rpx"></u-line>
			</view>
		</view>
		
		<!-- 底部区域 -->
		<view class="bottom_view">
			<view class="bottom_item" style="border-right: 1rpx solid #d6d7d9;">
				<image :src="require('./img/yjfk.png')" mode=""></image>
			</view>
			<view class="bottom_item">
				<image :src="require('./img/qbwt.png')" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				hot_list:'',//热门问题列表
			}
		},
		onLoad() {
			this.token = uni.getStorageSync('btlh_process_token') || '';
			this.member_id = uni.getStorageSync('btlh_process_member_id') || '';
			this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || '';
			this.getHotList();
		},
		methods: {
			// 获取热门问题
			async getHotList(){
				const {
					data: res
				} = await this.$myRequest({
					url: 'Help/hot',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						type: '2',
					}
				});
				
				this.hot_list = res.datas.listInfo;
			},
		}
	}
</script>

<style lang="scss" scoped>
	// 底部区域
	.bottom_view{
		width: 100%;
		height: 150rpx;
		border-top: 1rpx solid #d6d7d9;
		position: fixed;
		bottom: 0;
		display: flex;
		flex-direction: row;
		.bottom_item{
			width: 50%;
			height: 45rpx;
			margin-top: 20rpx;
			display: flex;
			justify-content: space-around;
		}
		image{
			width: 140rpx;
			height: 48rpx;
		}
	}
	// 问题列表
	.question_list{
		margin-bottom: 200rpx;
		.item{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			width: 700rpx;
			margin-left: 28rpx;
			margin-top: 26rpx;
		}
		.content{
			font-size: 28rpx;
			font-family:PingFang SC;
			font-weight: normal;
			color: #333333;
		}
	}
	
	// 小标题
	.title{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 20rpx;
		margin-left: 28rpx;
		.dian{
			width: 8rpx;
			height: 8rpx;
			border-radius: 50%;
			background: #666666;
		}
		.title_text{
			font-size: 26rpx;
			font-family:PingFang SC;
			font-weight: normal;
			color: #666666;
			margin-left: 10rpx;
		}
	}

</style>
